<template>
  <div class="check--right1--top">
    <div class="check--right--box">
      <div :class="['check--right--res--title',{small:size == 'small'}]">结节</div>
      <ul class="thyroid--item--cont--box">
        <li>
          <span
            :class="['thyroid--item--cont', { active: breastTubercle['7'],small:size == 'small' }]"
          >
            <span>左右径(cm):</span>
            <span>{{ breastTubercle["7"] }}</span>
          </span>
        </li>
        <li>
          <span
            :class="['thyroid--item--cont', { active: breastTubercle['8'],small:size == 'small' }]"
          >
            <span>前后径(cm):</span>
            <span>{{ breastTubercle["8"] }}</span>
          </span>
        </li>
        <li>
          <span
            :class="['thyroid--item--cont', { active: breastTubercle['9'],small:size == 'small' }]"
          >
            <span>上下径(cm):</span>
            <span>{{ breastTubercle["9"] }}</span>
          </span>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "BreastTubcle",
  props: ["breastTubercle","size"],
};
</script>

<style scoped lang="less">
@import "~@/assets/css/measure.less";
</style>
